<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="utf-8">
		<title>登录</title>
		{% load static %}
		<!--	引入附加的login.css文件	-->
		<link rel="stylesheet" type="text/css" href="{% static 'CSS/login.css' %}" />
		<!--	引入layui的css和js文件	-->
		<link rel="stylesheet" type="text/css" href="{% static 'layui-v2.6.8/layui/css/layui.css' %}" />
		<script src="{% static 'layui-v2.6.8/layui/layui.js' %}" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="parent">
			<form id="login" action="/washer/login" method="post" class="layui-form">
				{% csrf_token %}
				<div class="logo">
					<div>登录</div>
				</div>
				<!--用户输入-->
				<div class="layui-form-item">
					<div class="layui-inline">
						<label class="layui-form-label">用户</label>
						<div class="layui-input-inline" style="width: 300px;">
							<input type="text" name="userid" id="uid" required class="layui-input layui-form-danger"
								placeholder="手机/邮箱" />
						</div>
					</div>
				</div>
				<!--密码输入-->
				<div class="layui-form-item">
					<div class="layui-inline">
						<label class="layui-form-label">密码</label>
						<div class="layui-input-inline" style="width: 300px;">
							<input type="password" name="upwd" id="upwd" required class="layui-input layui-form-danger"
								placeholder="字母/数字(长度6-16位)" />
						</div>
					</div>
				</div>

				<div class="layui-btn-container">
					<!--点击登录进行表单提交-->
					<button type="submit" class="layui-btn layui-btn-normal" style="margin-left: 150px;">登录
					</button>
					<!--点击注册跳转到注册页面-->
					<a href="/washer/register" style="color: #fff;">
						<button type="button" class="layui-btn layui-btn-normal" style="margin-left: 50px;">去注册</button>
					</a>
					<!--点击忘记密码进入到忘记密码页面-->
					<a href="/washer/forget">
						<button type="button" class="layui-btn layui-btn-primary"
							style="margin-left: 50px;">忘记密码</button>
					</a>
				</div>
			</form>
		</div>

		<!--加载layui.form模块,用什么加载什么,占用资源相对较少-->
		<script type="text/javascript">
			layui.use("form", function() {
				var form = layui.form;
			});
		</script>
	</body>
</html>
